.MatchDetail {
  background-color: #fff;
  width: 701rem;
  padding: 10rem;

  .MatchHeader {
    display: flex;
    .headerItem {
      padding: 0 10rem;
      border-right: 1px #eaeaea solid;
      width: 100rem;
      p:nth-child(1) {
        font-weight: 400;
      }
      p:nth-child(2) {
        font-size: 18rem;
      }
    }
    .headerItem:nth-last-child(1) {
      border-right: none;
    }
  }
  .winTable {
    background: linear-gradient(to bottom, #e4f5f7, #ffffff);
  }
  .loseTable {
    background: linear-gradient(to bottom, #fae7e7, #ffffff);
  }
  .tableHeader {
    height: 30rem;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .tableHeaderText {
      width: 240rem;
      height: 30rem;
      span {
        display: inline-block;
        line-height: 30rem;
        text-align: center;
      }
      span:nth-child(1) {
        width: 70rem;
      }
      span:nth-child(2) {
        width: 40rem;
      }
      span:nth-child(3) {
        width: 60rem;
      }
      span:nth-child(4) {
        width: 60rem;
      }
    }
  }
}
